/*
* 使用 hooks理由
1.  高阶组件为了复用，导致代码层级复杂
2. 生命周期的复杂
3. 写成functional组件,无状态组件 ，因为需要状态，又改成了class,成本高
* */
import React, {useState} from 'react';
import PropTypes from 'prop-types';

Index.propTypes = {

};

function Index(props) {
    const [name,state] = useState("state");
    return (
        <div>
            {name}
            <button onClick={
                ()=>{
                    state("LA");
                }
            }>change</button>
        </div>
    );
}

export default Index;
